<template>
    <div class="navbars">
        <div class="logo">
           
        </div>
        <div class="download">
            <div class="btn">打开APP</div>
        </div>
    </div>
</template>

<script>
export default {
    name:"NavBars",
    props: {

    },
    data() {
        return {

        };
    },
    computed: {

    },
    created() {

    },
    mounted() {

    },
    watch: {

    },
    methods: {

    },
    components: {

    },
};
</script>

<style scoped lang="less">
html{

}
.navbars{
    width: 100%;
    height:  1rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background: #fff;
    border-bottom:1px solid #ccc;
    >div{
        flex:1;
        width: 50%;
        height: 100%;
        text-align: center;
        div.btn{
            width: 30%;
            height: 32px;
            line-height: 32px;
            font-size: 14px;
            color: #fff;
            padding: 0 15px;
            background: #eb484a;
            border-radius: 40px;
            border:none;
            margin-top: .2rem;
            margin-left: 1.5rem;
        }
    }
    >div:nth-child(1){
        background: url('../../public/public_imgs/cfunding/logo.png') no-repeat 22px 10px;
        background-size: 50% 65%;
    }
}
</style>
